<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <link type="text/css" rel="stylesheet" href="/finsys/style.css" media="screen"/>
            <title>Gesti&oacute;n de Cuentas de Ahorro</title>
        </head>
        <body>
            <h1>Gesti&oacute;n de Cuentas de Ahorro</h1>
            <h2>Transferencia entre Cuenta de Ahorro</h2>
            <h:form>
                <fieldset>
                    <legend>Transferencia entre Cuenta de Ahorro</legend>
                    <h:panelGrid columns="2">
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Tipo Documento" for="txtTipoDocumento" />
                            <h:inputText id="txtTipoDocumento" styleClass="inputs" readonly="true"/>

                            <h:outputLabel value="Nro. Documento" for="txtNroDocumento" />
                            <h:inputText id="txtNroDocumento" styleClass="inputs" readonly="true"/>

                            <h:outputLabel value="Titular" for="txtTitular" />
                            <h:inputText id="txtTitular" styleClass="inputs" readonly="true"/>

                            <h:outputLabel value="# Cuenta:" />
                            <h:inputText id="txtNumCuenta" styleClass="inputs" readonly="true"/>

                            <h:outputLabel value="Moneda:" />
                            <h:inputText id="txtMoneda" styleClass="inputs"/>

                            <h:outputLabel value="Estado:" />
                            <h:inputText id="txtEstado" styleClass="inputs" readonly="true"/>
                        </h:panelGrid>

                        <h:panelGrid columns="2">
                            <h:outputLabel value="Detalle de la Operacion:" />
                            <h:panelGroup/>

                            <h:panelGroup> </h:panelGroup>
                            <h:panelGroup> </h:panelGroup>

                            <h:outputLabel value="# Cuenta Destino:" />
                            <h:inputText id="txtNumCuentaDestino" styleClass="inputs"/>

                            <h:outputLabel value="Apellidos y Nombres Propietario:" />
                            <h:inputText id="txtNombresPropietario" styleClass="inputs" readonly="true"/>

                            <h:outputLabel value="Tipo de Moneda:" />
                            <h:selectOneMenu id="cboOperacion" value="dolar">
                                <f:selectItem itemLabel="($) Dolares" itemValue="dolar" />
                                <f:selectItem itemLabel="(S/.) Nuevos Soles" itemValue="nuevosol" />
                            </h:selectOneMenu>

                            <h:outputLabel value="Monto a Transferir" />
                            <h:inputText id="txtMonto" styleClass="inputs"/>

                            <h:panelGroup />
                            <h:panelGroup>
                                <h:commandButton value="Continuar" action="volver" />
                                <h:commandButton value="Cancelar" action="volver" />
                            </h:panelGroup>
                        </h:panelGrid>

                    </h:panelGrid>
                </fieldset>
            </h:form>
        </body>
    </html>
</f:view>
